<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.header{
				width: 100%;
				height: 50px;
				background-color: #eee;
				background-image: url(img/yun.jpg);
			}
			
			.main{
				width: 1000px;
				height: 800px;
				margin: 10px auto;
			}
			.banner{
				width: 100%;
				height:200px;
				background-color: #eee;
				background-image: url(img/fuzhi.jpg);
				background-size: 100% 100%;
			}
			.minBox{
				width: 100%;
				height: 180px;
				margin: 10px 0;
			}
			.maxBox{
				width: 100%;
				height: 400px;
			}
			.minBox>div{
				width: 246.25px;
				height: 100%;
				background-color: #eee;
				float: left;
			}
			.maxBox>div{
				width: 246.25px;
				height: 100%;
				background-color: #eee;
				float: left;
			}
			.m{
				margin: 0 5px 0 0;
			}
			.footer{
				width: 100%;
				height: 150px;
				background-color: #eee;
			}
		</style>
	</head>
	<body>
		
		<div class="header">头部</div>
		
		<div class="main">
			
			<div class="banner">banner</div>
			
			<div class="minBox">
				<div class="m">1</div>
				<div class="m">2</div>
				<div class="m">3</div>
				<div>4</div>
			</div>
			
			<div class="maxBox">
				<div class="m">1</div>
				<div class="m">2</div>
				<div class="m">3</div>
				<div>4</div>
			</div>
			
		
		</div>
		
		<div class="footer">页脚</div>
		
		
	</body>
</html>
